
$utils-ripples-w: var(--utils-ripples-w,"100px");
$utils-ripples-h: var(--utils-ripples-h,"100px");
$utils-ripples-color:var(--utils-ripples-color,'#ffffff');
$utils-ripples-opacity:var(--utils-ripples-opacity,'.5');

.utils-btn-animation{
    position: absolute;
    background-color: $utils-ripples-color;
    transform: translate(-50%, -50%);
    pointer-events: none;
    animation: aa .5s  infinite;
    border-radius: 50%;
    opacity: $utils-ripples-opacity;
}

@keyframes aa{
    0%{
        width: 0px;
        height: 0px;
    }

    100%{
        width: $utils-ripples-w;
        height: $utils-ripples-h;
    }
}
